Ext.define('NIM.view.Home.Main' ,{
    extend: 'Ext.panel.Panel',
    alias: 'widget.mainhome',
    id: 'mainhome',
    border: false,
    closable: true,
    title : 'Home',
    layout : {
        type : 'table',
        columns : 2
    },
    listeners:{
    	afterrender: function () {
            Ext.Ajax.request({
                method: "GET",
                dataType: "json",
                url: "./Services/Home/announcement/view",
                async: false,
                success: function (c) {
                    Ext.getCmp('pengumumanReadOnly').setValue(c.responseText);
                    Ext.getCmp('pengumumanEdit').setValue(c.responseText);

                }
            });                    
        }
    },
    items: [{
    	xtype: 'form',
    	width: 700,
    	title:'Selamat Datang ..',
    	margin : '10 0 0 10',
    	url: "./Services/Home/announcement/update",
    	items:[
    	       {
    	    	   xtype: 'displayfield',
    	    	   id:'pengumumanReadOnly',
    	    	   value:''
    	       },
    	       {
    	    	   xtype: 'htmleditor',
    	    	   id:'pengumumanEdit',
    	    	   name:'news_content',
    	    	   width: 550,
    	    	   height:400,
    	    	   hidden:true,
    	    	   value:''
    	       },{
    	    	   xtype: 'button',
    	    	   id:'btPengumuman',
    	    	   text:'Edit',
    	    	   handler: function() {
    	    		   if(this.getText()=='Edit'){
    	    			   this.setText('Save');
    	    			   Ext.getCmp('pengumumanReadOnly').hide();
    	    			   Ext.getCmp('pengumumanEdit').show();
    	    		   }else{
    	    			   this.setText('Edit');
    	    			   this.up('form').getForm().submit();
    	    			   Ext.getCmp('pengumumanReadOnly').setValue(Ext.getCmp('pengumumanEdit').getValue());
    	    			   Ext.getCmp('pengumumanEdit').hide();
    	    			   Ext.getCmp('pengumumanReadOnly').show();
    	    			   
    	    		   }
    	    	   }
    	       }
    	       
    	       ]
    
    },
    {
    	xtype: 'panel',
    	title: 'Shared Document',
    	width: 300,
    	margin : '10 0 0 10',
    	items:[
				{
				    xtype: 'panel',
				    html: '<table><tr><td valign="top"><a href="./Services/Home/doc/pdf/testTemplate.pdf" target="_blank" ><img style="height: 30px;" src="./images/pdf-icon.png" /></td><td>Ini adalah contoh dokumen saja dengan keterangan dokumen yang cukup panjang tapi singkat dan jelas</td></tr></table></a>'
				},
				{
				    xtype: 'panel',
				    html: '<table><tr><td valign="top"><a href="./Services/Home/doc/img/unique_name.jpg" target="_blank" ><img style="height: 30px;" src="./images/images-icon.jpg" /></td><td>Gambar 123</td></tr></table></a>'
				}
    	       ]
    
    },
    ]
    
    
});